@charset "utf-8";
/* CSS Document */
body,html,div,form,p,strong,label,span,em,i,b,table,tbody,thead,tfoot,th,td,tr,dl,dd,dt,ul,li,ol,img,fieldset,legend,cite,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
li{list-style:none;}
body, button, input, select, textarea{font:12px/1.5 tahoma,arial,'Hiragino Sans GB','微软雅黑',sans-serif}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
code, kbd, pre, samp {font-family: courier new,courier,monospace;}
address, cite, dfn, em, var {font-style: normal;}
fieldset, img{border:0 none;}
a {text-decoration: none;font-family:"微软雅黑";}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
table {border-collapse: collapse;border-spacing: 0;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.mb20{margin:0 0 20px 0;}
div.h100{height:100px;}
.mr20{margin:0 20px 0 0;}
/*BUTTONS*/
.btn_login{background:url(../images/btn_login.png) no-repeat;width:140px;height:38px;border:0 none;cursor:pointer;}
.btn_reg{background:url(../images/btn_reg.png) no-repeat;width:140px;height:39px;border:0 none;cursor:pointer;}
.btn_create_group{background:url(../images/btn_create_group.png) no-repeat;width:140px;height:39px;border:0 none;cursor:pointer;}
.btn_cancel{background:url(../images/btn_cancel.png) no-repeat;width:140px;height:39px;border:0 none;cursor:pointer;}
/*LOGIN*/
.login_img{background:url(../images/login_imgs.jpg) no-repeat;width:355px;height:437px;float:left;}
.login_form{width:355px;height:437px;float:left;background:#f4f4f4;}
.login_wraper{width:710px;margin:100px auto;}
.intxt{border:0 none;font-size:14px;}
.login_form form{margin:20px;}
.login_form .title{font-size:14px;font-weight:bold;height:30px;line-height:30px;margin:10px 0 20px 0;font-family:"微软雅黑";}
em.user_icon{background:url(../images/icon01.png) no-repeat;width:38px;height:38px;display:inline-block;margin:0 10px;}
em.pass_icon{background:url(../images/icon02.png) no-repeat;width:38px;height:38px;display:inline-block;margin:0 10px;}
.username,.password,.vaild_code{background:#fff;height:38px;margin-bottom:25px;}
.username .intxt,.password .intxt,.vaild_code .intxt{margin:10px 0 0 0;}
.username .intxt,.password .intxt{width:240px;}
.vaild_code .intxt{width:100px;padding:0 10px;font-size:14px;color:#999;}
.w1{width:303px;}
.w2{width:140px;}
.unchecked{background:url(../images/unchecked.png) no-repeat center center;width:20px;height:20px;display:inline-block;}
.checked{background:url(../images/checked.png) no-repeat;width:20px;height:20px;display:inline-block;}
.check {margin:0 0 25px 0;height:25px;}
.check a{font-size:12px;}
.check span{float:left;margin:0 0 0 6px;font-size:12px;color:#999;display:inline-block;line-height:17px;font-family:"微软雅黑";}
.login_form .btns{clear:both;color:#e9714e;margin:0 0 25px 0;}
.login_form .btns a{color:#e9714e;font-size:12px;margin:0 5px;}
.login_form .methods{ vertical-align:middle}
.login_form .methods span{font-size:14px;color:#666;line-height:26px;float:left;}
.sina,.weibo,.renren,.weixin,.tencent{margin:0 5px 0 0;display:inline-block;background:url(../images/sprite_rss.png) no-repeat;width:25px;height:25px;}
.sina{background-position:0 0;}
a.sina:hover{background-position:0 -24px;}
a.tencent{background-position:-25px 0;}
a.tencent:hover{background-position:-25px -25px;}
a.weibo{background-position:-50px 0;}
a.weibo:hover{background-position:-50px -25px;}
a.renren{background-position:-75px 0;}
a.renren:hover{background-position:-75px -25px;}
a.weixin{background-position:-100px 0;}
a.weixin:hover{background-position:-100px -25px;}
/*REGISTER*/
.reg_wraper{width:869px;height:451px;background:#fff;margin:150px auto 10px auto;box-shadow:0px 0px 100px #eee;-moz-box-shadow:0px 0px 100px #eee;-webkit-box-shadow:0px 0px 100px #eee;}
.register_form{position:relative;}
.register_form form{position:absolute;top:30px;left:100px;}
.register_form .title{font-size:14px;font-weight:bold;height:30px;line-height:30px;margin:10px 0 20px 110px;font-family:"微软雅黑";}
.register_form .username{background:#fff;height:38px;border:#ccc 1px solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0;}
.form_line{clear:both;margin-bottom:15px;height:40px;}
.form_label{font-size:14px;width:100px;text-align:right;line-height:38px;padding:0 10px 0 0;font-family:"微软雅黑";}
.intxtbox{background:#fff;border:#ccc 1px solid;height:38px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:300px;}
.textbox {height:100px;margin-bottom:10px;}
.textbox textarea{background:#fff;border:#ccc 1px solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:300px;padding:5px;font-size:12px;height:80px;}
.intxtbox input{margin:10px 0 0 0;font-size:14px;padding:0 10px;width:280px;color:#666;}
.register_form .check{color:#999;}
.register_form .check a{color:#999;}
.register_form .check a:hover{color:#e9714e;}
/*TIPS*/
.info{line-height:36px;padding:0 0 0 8px;color:#999;font-size:12px;font-family:"微软雅黑";}
.error{color:#F00;}
.success{color:#20b87d;margin:10px 0 0 0;}
.success i{font-size:14px;}
.error{color:#f00;font-size:12px;}
.error i{margin:0 5px 0 0;font-size:14px;}
/*CREATE GROUP*/
.create_group_form{position:relative;width:865px;height:670px;margin:100px auto 10px auto;box-shadow:0px 0px 100px #eee;-moz-box-shadow:0px 0px 100px #eee;-webkit-box-shadow:0px 0px 100px #eee;}
.create_group_form .title{height:40px;margin:20px 0;position:relative;}
.create_group_form form{position:absolute;top:30px;left:50px;}
.create_group_form .title span{line-height:40px;font-size:14px;font-family:"微软雅黑";}
.group_icon{background:url(../images/group_icon.png) no-repeat;width:61px;height:43px;float:left;margin:0 0 0 110px;}
.tip_info {position:relative;background:#ffe5dd;color:#e9714e;position:absolute;right:-70px;font-size:12px;top:0;padding:5px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.tip_info a{color:#e9714e; text-decoration:underline;}
.tip_info a:hover{color:#e9714e; text-decoration:none;}
.tip_info em{background:url(../images/left_arr.png) no-repeat;width:4px;height:7px;position:absolute;left:-4px;top:13px;}
.form_radio a{display:block;margin:4px 0 0 0;}
.form_radio p {clear:both;padding:8px 0;font-family:"微软雅黑";}
.form_radio p .checked,.form_radio p .unchecked{margin-left:-2px;}
.form_radio p span{color:#666;font-size:12px;float:left;margin:0 0 0 5px;line-height:24px;}
.form_radio p span a{display:inline;color:#e9714e;}
.radio_checked{background:url(../images/radio_checked.png) no-repeat;width:16px;height:16px;}
.radio_uncheck{background:url(../images/radio_uncheck.png) no-repeat;width:16px;height:16px;}
/*FOOTER*/
.copyright{font-size:12px;color:#999;line-height:30px;clear:both; text-align:center;}